<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		没有 Hbuilder
		1. 安装vue脚手架  npm install -g @vue/cli@4
		
		 降版本 npm install -g @vue/cli@4
		 
		 升级 npm install -g @vue/cli@5
		 
		2.创建项目 https://uniapp.dcloud.net.cn/quickstart-cli.html
		
		vue create -p dcloudio/uni-preset-vue my-project(项目名称)
		
		运行：
		cd 项目
		yarn serve /  npm run serve  （web版项目运行）
		
		
		运行小程序
		npm run dev:mp-weixin    运行----多一个dist---dev---mp-weixin(用小程序工具打开)
		npm run build:mp-weixin  打包
		
		有Hbuilder
		直接用Hbuilder 创建项目（uniapp--默认模板）
		运行 ---》点击运行按钮 （微信开发工具----开着微信开发工具），运行后会自动把项目打开
		
		
		uniapp 如何使用vant
		1.下载资料包（解压---》dist 文件夹）
		
		2.在src目录里，新建wxcomponents，在wxcomponents里新建vant 文件夹
		  vant文件夹里放 dist文件夹
		  
		3.App.vue中引入index.wxss
		 @import "/wxcomponents/vant/dist/common/index.wxss";
		 
		4.1.某个页面使用 pages.json里那个页面使用，就将"usingComponents"配置进去
		{
			"path": "pages/classify/classify",
			"style": {
				"navigationBarTitleText": "分类",
				"usingComponents": {
				    "van-button": "/wxcomponents/vant/dist/button/index"
				}
			}
		}
		
		4.2.全局配置使用（所有页面都能使用）
		pages.json的 globalStyle里面
		
		"globalStyle": {
			"navigationBarTextStyle": "white",
			"navigationBarBackgroundColor": "#845F3F",
			"usingComponents": {
			    "van-button": "/wxcomponents/vant/dist/button/index"
			}
		},
		5. 重新启动项目  npm run dev:mp-weixin
	</body>
</html>
